<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<title>DEMO1</title>
		<link rel="stylesheet" href="css/ytui.css" />
		<script src="js/html-size-calculation.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body class="header-fixed nav-fixed">
		<header class="header-bar bgfb bb">
			<a href="more.html" class="header-left">
				<i class="icon icon-pre"></i>
			</a>
			<h2 class="header-title">登录</h2>
			<div class="header-right fz32">
				<span>注册</span>
			</div>
		</header>
		<div class="wrap ml30 mr30">
			<ul class="list bn">
				<li class="yt yt-ac pl0 pr0">
					<i class="icon icon-phone db"></i>
					<div class="yt-f1">
						<input type="tel" class="input-text pt0 pb0 bn" placeholder="请输入手机号">
					</div>
				</li>
				<li class="yt yt-ac pl0 pr0">
					<i class="icon icon-lock db"></i>
					<div class="yt-f1">
						<input type="password" class="input-text pt0 pb0 bn" placeholder="请输入密码">
					</div>
				</li>
			</ul>
			<div class="mt40 yt yt-pc yt-ver">
				<button class="yt-f1 btn btn-b bg-main db">登录</button>
				<div class="yt fz28 mt30">
					<label class="yt-f1 mr20">
                <i class="input-checkbox"><input type="checkbox"><span></span></i>
                <span>记住密码</span>
            </label>
					<div class="yt-f1 tx-r">
						找回密码
					</div>
				</div>
			</div>
			<div class="yt yt-pc yt-ver">
				<div class="yt fz28 ">
					<div class="yt-f1 hr mt20">

					</div>
					<div class="ml30 mr30">
						使用第三方软件登录
					</div>
					<div class="yt-f1 hr mt20">

					</div>
				</div>
				<div class="yt yt-ac fz24 mt40">
					<div class="yt-f1 yt yt-ac yt-pc yt-ver">
						<span class="dib round user-photo size-m" style="background-image:url(images/bg-sns-icon-wechat.png)"></span>
						<p class="pt10">微信</p>
					</div>
					<div class="yt-f1 yt yt-ac yt-pc yt-ver">
						<span class="dib round user-photo size-m" style="background-image:url(images/bg-sns-icon-qq.png)"></span>
						<p class="pt10">QQ</p>
					</div>
					<div class="yt-f1 yt yt-ac yt-pc yt-ver">
						<span class="dib round user-photo size-m" style="background-image:url(images/bg-sns-icon-weibo.png)"></span>
						<p class="pt10">微博</p>
					</div>
				</div>
			</div>

		</div>
	</body>

</html>